<div>
    <div class="tab3-title">{{i18n-font}}</div>
</div>
<div class="design-ele-container">
    <div class="design-ele-title">{{i18n-designElement}}</div>
    <div class="design-ele-two">
        <div class="design-ele design-ele-main hidden">
            <div style="padding-bottom: 20px;" id="design-ele-bg-title">{{i18n-mainBg}}</div>
            <div class="design-ele-main-img" data-url="" data-bgtype=""><img  class="bgbk-img" src="" /></div>
            <div style="margin-top:10px;"><button type="button" class="btn btn-outline">{{i18n-select}}</button></div>
        </div>
        <div class="design-ele-main-middle hidden" style="width:20px;height:20px;float:left;"></div>
        <div class="design-ele design-ele-decoration hidden">
            <div style="padding-bottom: 20px;">{{i18n-themeDecoration}}</div>
            <div class="design-ele-decoration-img" data-url=""><img  class="bgbk-img" src="" /></div>
            <div style="margin-top:10px;"><button type="button" class="btn btn-outline" data-type="3">{{i18n-select}}</button></div>
        </div>
    </div>
    <div class="element-group-preview-font"><span class="font-icon font-icon-stopu"></span>&nbsp;{{i18n-previewOnTemplate}}</div></div>
</div>

<!--主题背景弹出框-->
<div class="modal fade dialog-main-bg" role="dialog">
    <div class="modal-dialog modal-md" role="document" style="width:800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <ul></ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary pull-left btn-add-file">+{{i18n-addFile}}</button>
                <form id="uploadFileForm" enctype="multipart/form-data">
                    <input type="file" class="hidden" id="uploadFile" name="uploadFile">
                </form>
                <div>
                    <button type="button" class="btn btn-primary" save>{{i18n-confirm}}</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-close}}</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!--预览-->
<div class="modal fade dialog-main-bg-preview" role="dialog">
    <div class="modal-dialog modal-md" role="document" style="width:630px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{{i18n-designElementPreview}}</h4>
            </div>
            <div class="modal-body" style="min-height: 630px;">
                <div style="position: relative;">
                    <div style="position: absolute;"><img src="" class="templatePreview"/></div>
                    <div style="position: absolute;"><img src="" class="templateBkPreview" /></div>
                    <img src="" class="templateBgPreview" />
                </div>
            </div>
        </div>
    </div>
</div>